<template>
	<view class="container">
		<header-bar :title="title"></header-bar>
		 <view class="setcells">
		 	<u-cell-group>
				<u-cell-item title="修改登录密码" value=""></u-cell-item>
				<u-cell-item title="修改手机号" value="已绑定1854585851"></u-cell-item>
				<u-cell-item title="提示音" :arrow='false'>
					<u-switch slot="right-icon" v-model="curTune" active-color='#19be6b' size="40" @change="curTuneChange"></u-switch>
				</u-cell-item>
				<u-cell-item title="推荐朋友" value="" :arrow='false'></u-cell-item>
				<u-cell-item title="当前版本" value="V1.0" arrow></u-cell-item>
			</u-cell-group>
		 </view>
		 <view class="exit-login">
		 	 <text>退出登录</text>
		 </view>
	</view>
</template>

<script>
	import headerBar from '@/components/header_bar/headerBar.vue'
	export default {
		components:{
			headerBar
		},
		data() {
			return {
				title:'设置',
				curTune:true
			}
		},
		methods: {
			curTuneChange(e){
				console.log(e)
			}
		}
	}
</script>

<style lang="scss">
	  page{
		  width: 100%;
		  height: 100%;
	  }
      .container{
		  width: 100%;
		  height: 100%;
		  background-color: #FFFFFF;
		  .setcells{
			  width: 100%;
			  height: auto;
			  border-top: 1upx solid #F1F1F1;
		  }
		  .exit-login{
			  width: 650upx;
			  height: 80upx;
			  background-color: rgba(135,135,135,0.5);
			  color: #FFFFFF;
			  font-size: 28upx;
			  display: flex;
			  align-items: center;
			  justify-content: center;
			  position: fixed;
			  bottom: 40upx;
			  left: 50upx;
			  border-radius: 10upx;
		  }
	  }
	 
</style>
